﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图标选择</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="renderer" content="webkit" />
<link type="text/css" rel="stylesheet" href="/dist/css/ZLico.css" />
<script src="/JS/jquery.min.js"></script>
<style type="text/css">
html{overflow-x:hidden;}
.SystemIcon .fa{font-size:3em;float:left;padding:5px;border:1px solid #ddd;width:80px;height:80px; text-align:center;border-radius:4px;overflow:hidden;margin-right:5px;margin-bottom:5px;cursor:pointer;}
.SystemIcon .fa:hover{background-color:#5bc0de;color:#fff;}
.SystemIcon .revise_l{}
h1{font-size:1.2em; font-weight:100;color:#999;}
h1 abbr{font-size:0.62em;}
</style>
</head>
<body>
<h1>zIco是优秀的webfont字库图标 <abbr>当前收录图标106个</abbr></h1>
<div class="SystemIcon">
<div class="fa z01-icon001"></div>
<div class="fa z01-icon002"></div>
<div class="fa z01-icon003"></div>
<div class="fa z01-icon004"></div>
<div class="fa z01-icon005"></div>
<div class="fa z01-icon006"></div>
<div class="fa z01-icon007"></div>
<div class="fa z01-icon008"></div>
<div class="fa z01-icon009"></div>
<div class="fa z01-icon010"></div>
<div class="fa z01-icon011 revise_l"></div>
<div class="fa z01-icon012 revise_l"></div>
<div class="fa z01-icon013"></div>
<div class="fa z01-icon014 revise_l"></div>
<div class="fa z01-icon015"></div>
<div class="fa z01-icon016"></div>
<div class="fa z01-icon017"></div>
<div class="fa z01-icon018"></div>
<div class="fa z01-icon019"></div>
<div class="fa z01-icon020"></div>
<div class="fa z01-icon021"></div>
<div class="fa z01-icon022"></div>
<div class="fa z01-icon023"></div>
<div class="fa z01-icon024"></div>
<div class="fa z01-icon025"></div>
<div class="fa z01-icon026"></div>
<div class="fa z01-icon027"></div>
<div class="fa z01-icon028"></div>
<div class="fa z01-icon029"></div>
<div class="fa z01-icon030"></div>
<div class="fa z01-icon031"></div>
<div class="fa z01-icon032"></div>
<div class="fa z01-icon033"></div>
<div class="fa z01-icon034"></div>
<div class="fa z01-icon035"></div>
<div class="fa z01-icon036"></div>
<div class="fa z01-icon037"></div>
<div class="fa z01-icon038"></div>
<div class="fa z01-icon039"></div>
<div class="fa z01-icon040"></div>
<div class="fa z01-icon041"></div>
<div class="fa z01-icon042 revise_l"></div>
<div class="fa z01-icon043"></div>
<div class="fa z01-icon044"></div>
<div class="fa z01-icon045"></div>
<div class="fa z01-icon046"></div>
<div class="fa z01-icon047"></div>
<div class="fa z01-icon048"></div>
<div class="fa z01-icon049"></div>
<div class="fa z01-icon050"></div>
<div class="fa z01-icon051"></div>
<div class="fa z01-icon052"></div>
<div class="fa z01-icon053"></div>
<div class="fa z01-icon054"></div>
<div class="fa z01-icon055"></div>
<div class="fa z01-icon056"></div>
<div class="fa z01-icon057"></div>
<div class="fa z01-icon058"></div>
<div class="fa z01-icon059"></div>
<div class="fa z01-icon060"></div>
<div class="fa z01-icon061"></div>
<div class="fa z01-icon062"></div>
<div class="fa z01-icon063"></div>
<div class="fa z01-icon064"></div>
<div class="fa z01-icon065"></div>
<div class="fa z01-icon066"></div>
<div class="fa z01-icon067"></div>
<div class="fa z01-icon068"></div>
<div class="fa z01-icon069"></div>
<div class="fa z01-icon070"></div>
<div class="fa z01-icon071"></div>
<div class="fa z01-icon072"></div>
<div class="fa z01-icon073"></div>
<div class="fa z01-icon074"></div>
<div class="fa z01-icon075"></div>
<div class="fa z01-icon076"></div>
<div class="fa z01-icon077"></div>
<div class="fa z01-icon078"></div>
<div class="fa z01-icon079"></div>
<div class="fa z01-icon080"></div>
<div class="fa z01-icon081"></div>
<div class="fa z01-icon082"></div>
<div class="fa z01-icon083"></div>
<div class="fa z01-icon084"></div>
<div class="fa z01-icon085"></div>
<div class="fa z01-icon086"></div>
<div class="fa z01-icon087"></div>
<div class="fa z01-icon088"></div>
<div class="fa z01-icon089"></div>
<div class="fa z01-icon090"></div>
<div class="fa z01-icon091"></div>
<div class="fa z01-icon092"></div>
<div class="fa z01-icon093"></div>
<div class="fa z01-icon094"></div>
<div class="fa z01-icon095"></div>
<div class="fa z01-icon096"></div>
<div class="fa z01-icon097"></div>
<div class="fa z01-icon098"></div>
<div class="fa z01-icon099"></div>
<div class="fa z01-icon100"></div>
<div class="fa z01-icon101"></div>
<div class="fa z01-icon102"></div>
<div class="fa z01-icon103"></div>
<div class="fa z01-icon104"></div>
<div class="fa z01-icon105"></div>
<div class="fa z01-icon106"></div>
<div class="fa z01-icon107"></div>
</div>
<script src="/JS/ICMS/ZL_Common.js"></script>
<script>
var pval = getParam("pval");
if (pval) { pval = JSON.parse(pval); }
else { pval = {}; }
$(function () {
    $(".SystemIcon .fa").click(function () {
        if (parent) {
            var value = $(this).attr("class");
            if (parent.zlicon) { parent.zlicon.back(value); }
            if (parent.PageCallBack) { parent.PageCallBack("selicon", $(this).val(), pval); }
        }
    });
})
</script>
</body>
</html>